:root {
  --bg-color: hsl(0, 0%, 100%);
  --write-bg: hsl(0, 0%, 100%);
  --link-bg: none;
  --mark-bg: #bf2c24;
  --code-bg: hsl(0, 100%, 90%);
  --quota-bg: hsl(0, 0%, 97%);
  --codeb-bg: hsl(0, 0%, 95%);
  --thead-bg: hsl(0, 0%, 91%);
  --tbody-bg: hsl(0, 0%, 93%);
  --title-color: hsl(0, 0%, 5%);
  --text-color: hsl(0, 0%, 20%);
  --mark-color: hsl(0, 0%, 20%);
  --quota-color: hsl(0, 0%, 30%);
  --code-color: hsl(0, 0%, 30%);
  --codeb-color: hsl(0, 0%, 30%);
  --footer-color: hsl(0, 0%, 50%);
  --link-color: #bf2c24;
  --md-char-color: hsl(0, 100%, 85%);
  --meta-content-color: hsl(0, 100%, 85%);
  --link-hover: hsl(0, 100%, 85%);
  --thead-hover: hsl(0, 0%, 99%);
  --tbody-hover: hsl(0, 0%, 99%);
  --window-border: 1px solid hsl(0, 0%, 95%);
  --base-border: 1px solid hsl(0, 100%, 85%);
  --base-borderl: 4px solid hsl(0, 100%, 85%);
  --base-borderb: 1px dashed hsl(0, 100%, 85%);
  --opt-borderb: 1px dashed hsl(215, 100%, 65%);
  --base-shadow: 0px 8px 16px hsla(0, 0%, 0%, 0.2);
  --opt-shadow: 0px 8px 16px 1px hsla(0, 0%, 0%, 0.3);
  --img-shadow: var(--opt-shadow);
  --code-shadow: none;
  --quota-shadow: none;
  --base-margin: 1rem auto;
  --base-padding: 1px 4px;
  --opt-padding: 1rem;
  --lineheight: 1.75rem;
  --base-font: -apple-system, "Poppins", "Noto Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "Noto Sans CJK SC", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Source Han Sans CN", "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif;
  --title-font: var(--em-font);
  --em-font: "EB Garamond", Georgia, "Nimbus Roman No9 L", "Noto Serif CJK SC", "Songti SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;
  --quota-font: "EB Garamond", Baskerville, Georgia, "Liberation Serif", "TW-Kai", "Kaiti SC", STKaiti, "AR PL UKai CN", "AR PL UKai HK", "AR PL UKai TW", "AR PL UKai TW MBE", "AR PL KaitiM GB", KaiTi, KaiTi_GB2312, DFKai-SB, "TW\-Kai", curve, serif;
  --monospace: "Cascadia code", "Sarasa Term SC", Monaco, "Deja Vu Sans Mono", Consolas, "Lucida Console", "Andale Mono", Courier;
  --mermaid-alt-font-family: "Cambria Math",华文楷体, var(--base-font) !important;
  --mermaid-font-family: "Cambria Math",华文楷体, var(--base-font) !important;
}

.quota {
  background: var(--quota-bg);
  color: var(--quota-color);
  font-family: "Cambria Math",华文楷体, var(--quota-font);
  font-size: 1.2rem;
  box-shadow: var(--quota-shadow);
}

.quota-quota {
  box-shadow: none;
}

*,
:after,
:before {
  box-sizing: border-box;
}

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,
canvas,
video {
  display: inline-block;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,
button,
input,
select,
textarea {
  font: 400 1em/1.75 var(--base-font);
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* 去掉各Table cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 去除默认边框 */
fieldset,
img {
  border: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: initial;
}

html,
body,
#write {
  font-family: "Cambria Math",华文楷体, var(--base-font);
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: var(--lineheight);
  color: var(--text-color);
  text-align: justify;
}

content {
  min-width: 400px;
}

.typora-node #write {
  min-height: calc(100vh - 6em);
}

#write {
  max-width: 914px;
  min-width: 400px;
  min-height: calc(100vh - 6em);
  -webkit-font-smoothing: antialiased;
  margin: 2rem auto;
  padding: 4rem;
}

#write h1,
#write h2 {
  font-family: "Cambria Math", 华文行楷, 华文楷体, var(--title-font);
  font-weight: 800;
  line-height: 3rem;
  text-align: center;
  text-transform: uppercase;
}

#write h1 {
  font-size: 3rem;
  margin: 3rem auto 4rem;
}

#write h1:before,
#write h1:after {
  content: "";
  display: block;
  position: relative;
  width: 50%;
  margin: 1rem auto;
}

#write h1:before {
  top: -1.5rem;
  border-top: var(--opt-borderb);
}

#write h1:after {
  top: 1.5rem;
  border-top: var(--base-borderb);
}

#write h2 {
  font-size: 2rem;
  margin: 2rem auto 1rem;
}

#write h3,
#write h4,
#write h5,
#write h6 {
  font-family: "Cambria Math",华文楷体, var(--base-font);
  font-weight: 600;
  margin: 2rem auto 1rem;
}

#write h3:before,
#write h4:before,
#write h5:before,
#write h6:before {
  font-size: 0.9rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  padding: var(--base-padding);
  border-radius: 5px;
  background: #bf2c24;
  color: var(--write-bg);
}

#write h3 {
  font-size: 1.75rem;
}

#write h3::before {
  content: "H3";
}

#write h4 {
  font-size: 1.5rem;
}

#write h4::before {
  content: "H4";
}

#write h5,
#write h6 {
  font-size: 1.25rem;
}

#write h5::before {
  content: "H5";
}

#write h6::before {
  content: "H6";
}

#write h1 *,
#write h2 *,
#write h3 *,
#write h4 *,
#write h5 *,
#write h6 * {
  background: none;
  color: var(--title-color);
  border: none;
}

#write blockquote,
#write pre.md-fences,
#write pre.md-meta-block,
#write figure>table,
#write img {
  margin: var(--base-margin);
  border-radius: 5px;
  padding: var(--opt-padding);
}

#write ul,
#write ol {
  margin: var(--base-margin);
}

#write p+p {
  margin: 1rem auto;
}

#write code,
#write mark,
#write kbd,
#write samp,
#write tt,
#write var,
#write ins {
  margin: 0 4px;
  padding: var(--base-padding);
  border-radius: 5px;
  font-family: "Cambria Math",华文楷体, var(--monospace);
}

#write pre.md-meta-block {
  min-height: 30px;
  position: sticky;
  margin-top: -1.5rem;
  margin-bottom: 2rem;
}

#write pre.md-fences {
  display: block;
  -webkit-overflow-scrolling: touch;
  box-shadow: var(--code-shadow);
  white-space: pre;
  border: 1px solid;
}

#write pre.md-meta-block,
#write pre.md-fences,
#write code {
  line-height: 1.5rem;
  font-family: "Cambria Math",华文楷体, "Cambria Math",华文楷体;
  font-size: smaller;
  background-color: var(--codeb-bg);
  color: var(--codeb-color);
}

.cm-s-inner .CodeMirror-cursor {
  border-left: solid var(--link-color) !important;
}

#write code {
  background-color: #42a5f5c2;
  color: rgb(70 48 20);
  font-size: 18px;
}

#write a,
#write ins {
  background: var(--link-bg);
  color: var(--link-color);
  text-decoration: none;
  border-bottom: var(--base-borderb);
}

#write a:hover,
#write ins:hover {
  border-bottom-color: var(--link-color);
  color: var(--link-hover);
  text-decoration: none;
}

#write strong,
#write em {
  font-family: "Cambria Math",华文楷体, var(--em-font);
  font-weight: 800;
  color: var(--title-color);
}

#write em {
  border-bottom: var(--opt-borderb);
}

#write mark {
  background: var(--mark-bg);
  color: var(--mark-color);
}

#write ul,
#write ol {
  margin-left: 1.5rem;
}

#write ul li::marker,
#write ol li::marker {
  color: #bf2c24;
}

#write ul {
  list-style: disc;
}

#write ul ul {
  list-style: circle;
  margin-left: 1rem;
}

#write ol {
  list-style: decimal-leading-zero;
}

#write ol ol {
  list-style: lower-roman;
  margin-left: 1rem;
}

#write ol ol,
#write ul ul,
#write ol ul,
#write ul ol {
  margin-top: 0.5rem;
}

#write ul li,
#write ol li,
#write li ul,
#write li ol {
  margin-left: 1rem;
}

#write blockquote {
  background: var(--quota-bg);
  color: var(--quota-color);
  font-family: "Cambria Math",华文楷体, var(--quota-font);
  font-size: 1.2rem;
  box-shadow: var(--quota-shadow);
}

#write blockquote blockquote {
  padding: 0;
  padding-left: 1rem;
  border-left: var(--base-borderl);
  border-radius: 0;
  box-shadow: none;
}

#write blockquote pre.md-fences {
  box-shadow: none;
}

#write blockquote p {
  color: var(--quota-color);
  font-family: "Cambria Math",华文楷体, var(--quota-font);
  line-height: var(--lineheight);
}

#write blockquote em,
#write blockquote strong,
#write blockquote mark {
  font-size: 1rem;
}

#write img {
  box-shadow: var(--img-shadow);
  padding: 0;
}

#write img[alt|="no-shadow"] {
  box-shadow: none !important;
}

#write img[alt|="normal"] {
  margin: 0 !important;
  box-shadow: none !important;
}

#write hr {
  border: none;
  border-bottom: var(--base-border);
  margin: 3rem auto;
  height: 1px;
  width: 50%;
}

#write hr .pb {
  page-break-after: always;
  border-bottom: none;
}

#write figure>table {
  width: 98%;
}

#write table th,
#write table thead th,
#write table td {
  padding: 0.5rem 1rem;
}

#write table th,
#write table thead th {
  background: var(--thead-bg);
}

#write table th:hover,
#write table thead th:hover {
  background: var(--thead-hover);
  color: var(--link-hover);
}

#write table caption {
  border-bottom: none;
}

#write table td {
  background: var(--tbody-bg);
  color: var(--text-color);
  border: 1px solid var(--thead-bg);
}

#write table td:hover {
  background: var(--tbody-hover);
  color: var(--link-hover);
}

/*表格顶行*/
#write table tr th{
  border: 1px solid var(--thead-bg);
}

/*表格大小设置输入框(数字居中)*/
#write .md-grid-board-wrap input{
  text-align: center !important;
}

/*表格大小设置面板(防边界超出)*/
#write .popover.bottom.md-table-resize-popover{
  width: auto;
  max-width: none;
}

/*表格大小设置面板中的方框*/
#write .md-grid-board.md-reset>tbody>tr>td>a{
  border-bottom: 1px solid var(--table-border-color) !important;
}

.ty-table-edit{
	margin-top: -12px!important;
}

/*搜索*/
#file-library-search-input{
  padding-left: 0.4em;
}

#write sup.md-footnote {
  padding: var(--base-padding);
  color: var(--footer-color);
  cursor: pointer;
  font-size: 0.75rem;
}

.md-toc .md-toc-content .md-toc-h1 {
  counter-increment: counter_md-toc-h1;
  counter-reset: counter_md-toc-h2;
}

.md-toc .md-toc-content .md-toc-h1:before {
  content: "第"counter(counter_md-toc-h1, cjk-ideographic) "章";
}

.md-toc .md-toc-content .md-toc-h2 {
  counter-increment: counter_md-toc-h2;
  counter-reset: counter_md-toc-h3;
}

.md-toc .md-toc-content .md-toc-h2::before {
  content: "第"counter(counter_md-toc-h2, cjk-ideographic) "节";
}

.md-toc .md-toc-content .md-toc-h3 {
  counter-increment: counter_md-toc-h3;
  counter-reset: counter_md-toc-h4;
}

.md-toc .md-toc-content .md-toc-h3::before {
  content: counter(counter_md-toc-h3);
}

.md-toc .md-toc-content .md-toc-h4 {
  counter-increment: counter_md-toc-h4;
  counter-reset: counter_md-toc-h5;
}

.md-toc .md-toc-content .md-toc-h4::before {
  content: counter(counter_md-toc-h3) "."counter(counter_md-toc-h4);
}

.md-toc .md-toc-content .md-toc-h5 {
  counter-increment: counter_md-toc-h5;
  counter-reset: counter_md-toc-h6;
}

.md-toc .md-toc-content .md-toc-h5::before {
  content: counter(counter_md-toc-h3) "."counter(counter_md-toc-h4) "."counter(counter_md-toc-h5);
}

.md-toc .md-toc-content .md-toc-h6 {
  counter-increment: counter_md-toc-h6;
  counter-reset: counter_md-toc-h6;
}

.md-toc .md-toc-content .md-toc-h6::before {
  content: counter(counter_md-toc-h3) "."counter(counter_md-toc-h4) "."counter(counter_md-toc-h5) "."counter(counter_md-toc-h6);
}

.md-toc-h1::before,
.md-toc-h2::before,
.md-toc-h3::before,
.md-toc-h4::before,
.md-toc-h5::before,
.md-toc-h6::before {
  display: inline-block;
  color: var(--text-color);
  width: 4rem;
}

a.md-toc-inner {
  margin-left: 0 !important;
  border: none !important;
}

a.md-toc-inner::after {
  content: "  ...................";
  position: absolute;
}

.md-toc {
  margin: 2rem auto;
  padding: 1rem;
}

.md-toc:before {
  content: "目录";
  display: block;
  font-size: 2rem;
  text-align: center;
  color: var(--link-color);
  margin-bottom: 4rem;
}

.md-toc::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 80px);
  top: 4rem;
  width: 160px;
  height: 20px;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  background: var(--toc-img);
}

.task-list-item input:before {
  content: "";
  position: relative;
  top: -2px;
  left: -5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  border: var(--base-border);
  background-color: var(--write-bg);
  margin-left: 0;
  margin-top: -0.5rem;
  border-radius: 50%;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}

.task-list-item input::after {
  content: "";
  position: absolute;
  top: 1px;
  left: -2px;
  width: 1rem;
  height: 0.5rem;
  border: 2px solid #fff;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

.task-list-item input:checked::before {
  background: #bf2c24;
  border: none;
}

.task-list-item input:checked::after {
  opacity: 1;
}

.task-list-item {
  list-style: none;
}

.task-list-item input:checked:before,
.task-list-item input[checked]:before {
  content: " ";
}

blockquote .task-list-item input::before {
  top: -3px;
}

.md-task-list-item.task-list-done {
  text-decoration: line-through;
  color: var(--footer-color);
}

.cm-s-inner .cm-header,
.cm-s-inner.cm-header {
  color: hsl(215, 100%, 75%);
}

@media screen and (max-width: 600px) {
  #write {
    padding: 2rem;
    line-height: 1.5rem;
  }

  #write h1,
  #write h2 {
    font-size: 1.5rem;
    text-align: left;
  }

  #write h3,
  #write h4,
  #write h5,
  #write h6 {
    font-size: 1rem;
  }

  #write h1,
  #write h2,
  #write h3,
  #write h4,
  #write h5,
  #write h6 {
    margin: 1.5rem 0;
  }

  #write h1:before,
  #write h2:before,
  #write h3:before,
  #write h4:before,
  #write h5:before,
  #write h6:before {
    display: inline;
    border: none;
    top: 0;
    margin-right: 1rem;
    background: none;
    color: hsl(0, 100%, 85%);
  }

  #write h1::after,
  #write h2::after,
  #write h3::after,
  #write h4::after,
  #write h5::after,
  #write h6::after {
    border: none;
  }

  #write h1::before {
    content: "#";
  }

  #write h2::before {
    content: "##";
  }

  #write h3::before {
    content: "###";
  }

  #write p+p {
    margin: 1rem auto;
  }

  #write pre.md-fences {
    padding: 1rem;
    box-shadow: none;
  }

  #write blockquote {
    background: var(--quota-bg);
    margin: 1.5rem auto;
    padding: 1.5rem;
    border-radius: 0;
    box-shadow: none;
    border-left: var(--base-borderl);
  }

  #write blockquote blockquote {
    padding-left: 1rem;
  }

  #write blockquote em,
  #write blockquote strong,
  #write blockquote mark {
    font-family: "Cambria Math",华文楷体, var(--quota-font);
  }
}

@media screen and (max-width: 1000px) {
  #write {
    margin: 0;
    background: transparent !important;
  }

  footer.ty-footer {
    background: var(--bg-color);
    border-top: 1px solid var(--bg-color);
  }
}

@media screen and (min-width: 1300px) {
  .typora-node #write {
    min-height: calc(100% - 6em);
  }

  #write {
    box-shadow: var(--base-shadow);
    border-radius: 5px;
  }

  .md-toc-content {
    margin-left: 4rem;
  }
}

@media print {

  html,
  body,
  #write {
    border: none;
    font-family: "Cambria Math",华文楷体, "noto serif cjk sc";
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: var(--lineheight);
  }

  .typora-export * {
    -webkit-print-color-adjust: exact;
  }

  #write h1,
  #write h2,
  #write h3,
  #write h4,
  #write h5,
  #write h6 {
    font-weight: 600;
    margin: 2rem 0 1rem;
    color: #111;
    line-height: 2rem;
    font-family: "Cambria Math",华文楷体, "noto serif cjk sc";
  }

  #write h1 {
    font-size: 1.75rem;
  }

  #write h2 {
    font-size: 1.5rem;
  }

  #write h3,
  #write h4,
  #write h5,
  #write h6 {
    font-size: 1.25rem;
  }

  #write p {
    line-height: var(--lineheight);
    margin-top: 0;
    margin-bottom: 0;
    text-indent: 2rem;
  }

  #write blockquote {
    position: relative;
    margin: 1.75rem 2rem;
    background: none;
    color: #555;
    font-weight: 300;
  }

  #write blockquote li {
    font-family: "Cambria Math",华文楷体, var(--quota-font);
  }

  #write blockquote .task-list-item input::before {
    top: -1px;
  }

  #write pre.md-fences {
    background: hsl(0, 0%, 95%);
  }

  #write figure>table {
    background: none;
    margin: 1.75rem auto;
  }

  #write figure>table tr {
    border-collapse: collapse;
    border-bottom: 1px solid brown;
  }

  #write figure>table tr th,
  #write figure>table tr td {
    padding: 0.5rem 0;
  }

  #write code,
  #write mark {
    padding: 2px;
    background: none;
  }

  #write mark {
    color: var(--text-color);
    background-color: hsl(60, 100%, 50%);
  }

  #write {
    box-shadow: none;
    border-radius: 0px;
    margin: 0;
    padding: 0;
  }

  #write h3:before,
  #write h4:before,
  #write h5:before,
  #write h6:before {
    content: "" !important;
    background: none;
  }

  #write h1:before,
  #write h1:after,
  #write blockquote h1:before,
  #write blockquote h1:after {
    border: none;
    height: 0;
  }

  #write p+p {
    margin: 0;
  }

  #write blockquote,
  #write pre.md-fences,
  #write img {
    border: none;
    border-radius: 0;
    box-shadow: none;
  }

  #write blockquote blockquote {
    border-left: none;
  }

  #write mark {
    font-family: "Cambria Math",华文楷体, "noto serif cjk sc";
  }

  #write table thead th,
  #write table th,
  #write table td {
    background: none;
    border: none;
    border-bottom: 1px solid #555;
  }
}

:root {
  --blur-text-color: #ccc;
  --active-file-bg-color: hsl(0, 0%, 99%);
  /* 文件列表 当前文件激活 背景色*/
  --active-file-text-color: #bf2c24;
  --active-file-border-color: #bf2c24;
  /* 树形结构下文件激活边框色 */
  --side-bar-bg-color: hsl(0, 0%, 95%);
  /*文件 大纲 侧边栏 背景色*/
  --item-hover-bg-color: var(--bg-color);
  /* 打开文文件夹、正文菜单、最近使用 hover 效果 */
  --item-hover-text-color: #bf2c24;
  --primary-color: #bf2c24;
  /* color of primary buttons */
  --primary-btn-border-color: #bf2c24;
  --primary-btn-text-color: hsl(0, 0%, 100%);
  --select-text-bg-color: #e26f69;
  --select-text-font-color: hsl(0, 0%, 100%);
  --active-bg: hsl(0, 0%, 95%);
  --window-border: var(--bg-color);
  --control-text-color: var(--title-color);
  --control-text-hover-color: var(--text-color);
}

.active-tab-files .info-panel-tab,
.active-tab-outline .info-panel-tab {
  color: var(--active-file-text-color);
}

.file-list-item:hover {
  background: var(--item-hover-bg-color);
  color: var(--item-hover-text-color);
}

.file-node-content:hover {
  background: hsl(0, 0%, 100%, .5);
  color: var(--control-text-hover-color);
}

.ty-search-item-line {
  font-family: "Cambria Math",华文楷体, var(--base-font);
}

.ty-file-search-match-text {
  background: var(--codeb-bg);
}

#typora-quick-open {
  border-radius: 5px;
}

/* 大纲目录自动编号 */
.sidebar-content {
  counter-reset: h1;
}

.outline-h1 {
  counter-increment: h1;
  counter-reset: h2;
}

.outline-h2 {
  counter-increment: h2;
  counter-reset: h3;
}

.outline-h3 {
  counter-increment: h3;
  counter-reset: h4;
}

.outline-h4 {
  counter-increment: h4;
  counter-reset: h5;
}

.outline-h5 {
  counter-increment: h5;
  counter-reset: h6;
}

.outline-h1>.outline-item>.outline-label:before {
  content: "章"counter(h1) " ";
}

.outline-h2>.outline-item>.outline-label:before {
  content: "节"counter(h2) " ";
}

.outline-h3>.outline-item>.outline-label:before {
  content: counter(h3) " ";
}

.outline-h4>.outline-item>.outline-label:before {
  content: counter(h3) "."counter(h4) " ";
}

.outline-h5>.outline-item>.outline-label:before {
  content: counter(h3) "."counter(h4) "."counter(h5) " ";
}

.outline-h6>.outline-item>.outline-label:before {
  counter-increment: h6;
  content: counter(h3) "."counter(h4) "."counter(h5) "."counter(h6) " ";
}

.md-meta {
  font-family: "Cambria Math",华文楷体, var(--monospace);
  color: var(--md-char-color);
}

.md-expand .md-meta.md-before,
.md-expand .md-meta.md-after {
  padding-left: 5px;
  padding-right: 5px;
}

.md-image>.md-meta {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.md-image>img {
  margin-top: 2px;
}

.md-image>.md-meta:first-of-type:before {
  padding-left: 4px;
}

.dropdown-menu,
.context-menu.dropdown-menu>li>a:focus {
  background-color: var(--active-bg);
}

.context-menu.dropdown-menu>.active>a,
.context-menu.dropdown-menu>li>a:hover,
.menu-style-btn.active {
  color: var(--primary-color);
}

/* 源代码模式 */

#typora-source {
  background: var(--bg-color);
  color: var(--code-color);
  line-height: 1.5rem;
}

/* 通知样式 */

#md-notification {
  border-radius: 5px;
	background: transparent !important;
}

#md-notification::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  z-index: -111;
  backdrop-filter: blur(5px);
  top: 0;
  width: 100%;
  min-height: 5rem;
  -webkit-font-smoothing: antialiased;
  transition: opacity 1.2s cubic-bezier(.77, 0, .175, 1);
}

/* 聚焦模式 */
.on-focus-mode .md-focus {
  padding: 1rem;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
  background: antiquewhite var(--bg-img);
  background-blend-mode: overlay;
  border-radius: 5px;
}

.context-menu.dropdown-menu>li>a:focus {
  background-color: var(--active-bg);
}

.context-menu.dropdown-menu>.active>a,
.context-menu.dropdown-menu>li>a:hover,
.menu-style-btn.active {
  color: var(--primary-color);
}

.megamenu-menu {
  box-shadow: 2px 2px 5px 0 #33333380, 2px 0px 10px 0 #33333380;
}

.megamenu-menu-list li {
  line-height: 48px;
}

.megamenu-menu-list li a {
  line-height: 48px;
  height: 48px;
}

/* bugfix */
.megamenu-opened .megamenu-menu {
  left: -1px !important;
}

.megamenu-menu-list .saved #m-saved {
  display: block;
}

#megamenu-section-about a{
  color: var(--link-color);
}

#megamenu-menu-list {
  background: #2f353a;
}

.megamenu-menu-panel h1,
.megamenu-menu-panel h2 {
  margin: 2rem auto;
}

.megamenu-menu-panel table tr {
  background: transparent;
}

.megamenu-menu-panel tr:hover {
  background: hsl(0, 0%, 95%);
  color: var(--primary-color) !important;
}

#recent-file-panel tbody tr:nth-child(2n-1) {
  background: var(--write-img);
}

.theme-preview-div:hover {
  border-color: #80aaff80;
}

.theme-preview-div {
  border: 4px solid #99999950;
}

.theme-preview-div.active,
.theme-preview-div.active:hover {
  border-color: var(--primary-color);
}

.nav-group-item.active {
  background: var(--side-bar-bg-color) !important;
  color: #bf2c24;
}

table#typora-help-md-table tr {
  background: transparent;
}

.about-content-meta {
  font-family: "Cambria Math",华文楷体, var(--base-font);
}

#top-titlebar {
  height: 28px;
  font-family: "Cambria Math",华文楷体, var(--base-font);
}

::-webkit-scrollbar-corner {
  display: none;
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
}

[draggable] {
  cursor: pointer;
}

/* animation */
.long-btn {
  text-align: left;
}

#write td,
#megamenu-content td,
.file-list-item,
.megamenu-menu li,
.btn,
.long-btn {
  position: relative;
  overflow: hidden;
}

#write td:after,
#megamenu-content td:after,
.file-list-item:after,
.megamenu-menu li:after,
.btn:after,
.long-btn:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform 0.3s, opacity 0.5s;
}

#write td:active:after,
#megamenu-content td:active:after,
.file-list-item:active:after,
.megamenu-menu li:active:after,
.btn:active:after,
.long-btn:active:after {
  transform: scale(0, 0);
  opacity: 0.3;
  transition: 0s;
}

.md-image>.md-meta {
  color: var(--meta-content-color);
}

#typora-sidebar #outline-content .outline-h1>.outline-item,
#typora-sidebar .outline-title-wrapper,
#typora-sidebar .outline-item-wrapper.outline-h1>.outline-item,
#typora-sidebar .file-library-node,
#typora-sidebar .file-library-node .file-node-background {
  transition: background 0.4s;
}

#typora-sidebar #ty-sidebar-footer .sidebar-footer-item {
  transition: background 0.3s;
}

.typora-sourceview-on #toggle-sourceview-btn {
  background: var(--primary-color);
}

.typora-sourceview-on #toggle-sourceview-btn:hover {
  color: #111;
}

.unibody-window,
.ty-preferences .windows,
uni-preference-panel {
  font-family: "Cambria Math",华文楷体, var(--base-font);
}

/* 搜索与替换 */
#md-searchpanel.searchpanel-replace-mode {
  max-height: 80px;
}

.unibody-window #md-searchpanel .btn {
  line-height: 30px;
}

#top-titlebar,
#top-titlebar * {
  color: var(--text-color);
}

#typora-sidebar {
  border: none;
}

#write {
  background: var(--write-img);
}

html,
content,
#typora-source,
.megamenu-content,
#top-titlebar,
#typora-sidebar,
.windows-content,
header.window-header,
footer.ty-footer {
  background: var(--bg-img);
}

#top-titlebar .toolbar-icon.btn.hover,
#top-titlebar .toolbar-icon.btn:hover {
  color: var(--link-color);
}

#top-titlebar #w-close:hover {
  background-color: #f70505 !important;
  color: #bf2c24 !important;
}

:root {
  --bg-img: url("");
  --write-img: url("");

  /* 目录下图片，非背景 */
  --toc-img: url("");
}